<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>楼盘相册</title>
		<script src="../js/jquery-1.12.4.js"></script>
		<script src="../layui/layui.js"></script>
		<link rel="stylesheet" type="text/css" href="../layui/css/layui.css"/>
		<link rel="stylesheet" type="text/css" href="../css/floatmuen.css"/>
		<link rel="stylesheet" type="text/css" href="../css/pub_head.css"/>
		<link rel="stylesheet" type="text/css" href="../css/pub_footer.css"/>
		<link rel="stylesheet" href="../css/navigation.css">
		<link rel="stylesheet" href="../css/properties/proNav.css">
		<link rel="stylesheet" href="../css/properties/properties_photo_album.css">
	</head>
	<body>
		<ul id="floatMul"></ul>
		<div id="head" th:include="../static/publichtml/public_pageHead :: footer1"></div><!-- 头部导入 -->
		<div id="navigation"></div>
		<div id="proNav"></div>
		<div id="properties_photo_album">
			<div id="properties_photo_album_head">
				<a>全部图片</a>
 			</div>
			<div id="properties_photo_album_body">
				<div class="others-pic">
					<div class="album-h">
						<h4 style="font-size: 20px;">相册(<span th:text="${session.p.imgPath.split(',').length}"></span>)</h4>
					</div>
					<ul>
						<li class="o-list" th:each="imgPath:${session.p.imgPath.split(',')}">
							<a>
								<img th:src="@{'../images/houseimg/'+${imgPath}}" >
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
	<script th:inline="javascript">
		$(function() {
			$("#floatMul").load("../../publichtml/floatMune.html");
			//$("#head").load("../../publichtml/public_pageHead.html");
			$("#footer").load("../../publichtml/pub_footer.html");
			$("#navigation").load("../publichtml/navigation2.html");
			$("#footer").load("../publichtml/pub_footer.html");
			$("#proNav").load("../../publichtml/proNav.html",function(){
				$(".proNav_ul>li").removeClass("proNav_ul_click").eq(3).addClass("proNav_ul_click");
				var p = /*[[${session.p}]]*/ {};
				console.log(p);
				$(".proTitle").text(p.name);
				$(".proStatus").text(p.status);
				var spanC='';
				$.each(p.chapros,function (i,d){
					spanC+="<span class='proCha'>"+d.characteristic.name+"</span>";
				})
				$(".proNav_title_d1_d2").html(spanC);
			});
		})
	</script>
</html>
